  /*banner start*/
#banner{
	position: relative;
	width:100%;
	height:500px;
	margin-top:70px;
	
}
#banner .pic{
	width:100%;
	height:100%;
}
#banner .pic .pic-li{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: none;
}
.on{
	display:block !important;
}
#banner .pic .pic-li:nth-of-type(1){
	background: url(../img/bg1.png) no-repeat;
}
#banner .pic .pic-li:nth-of-type(2){
	background: url(../img/bg3.jpg) no-repeat;
}
#banner .pic .pic-li:nth-of-type(3){
	background: url(../img/bg2.jpg) no-repeat;
}
#banner .pic .pic-li .li-video{
	position:relative;
	float:right;
	width:600px;
	height: 435px;
	margin:60px 45px 0 0;
	/*border:1px solid red;*/
	background: url(../img/ih3.png) ;
	background-size: 600px 435px;
}
#banner  .li-video .video-wrap{
	position: absolute;
	left:90px;
	top:23px;
	width:407px;
	height:258px ;
	/*border:1px solid blue;*/
}
#banner .li-video .video-wrap video{
	display: none;
	width:100%;
	height:100%;
	object-fit: fill;
}
#banner  .li-video .video-wrap .video-icon{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	background: url(../img/play.png) no-repeat center;
	background-size: 85px 85px;
	cursor:pointer;
}
#banner .li-video .video-wrap .video-icon:hover{
	background: url(../img/play_hover.png) no-repeat center;
	background-size: 85px 85px;
}
#banner .pic .pic-li .li-logo{
	position: absolute;
	top:310px;
	left:55px;
	width:300px;
	height: 125px;
}
#banner .li-logo img{
	width:100%;
	height: 100%;
}

/*第二个li*/
#banner .li-middle-l{
	position:absolute;
	left:50px;
	top:300px;
	width:308px;
	/*border:1px solid red;*/
}
#banner .li-middle-l img{
	display:block;
	width:100%;
	margin:10px 0;
}
#banner .li-middle-l img:nth-of-type(3){
    background-color:#B3CD35;
    padding:4px;
    border-radius:5px;
}
#banner .li-middle-r{
	float:right;
	margin:40px 80px 0 0;
	right:80px;
	width:640px;	
}
#banner .li-middle-r img{
	width:100%;
	height:100%;
}
/*第3个li*/
#banner .li-last-l{
	float:left;
	width:640px;
	height:480px;
	margin-left:45px;
	margin-top:15px;
	/*border:1px solid red;*/
}
#banner .li-last-l img{
    width:100%;
    height:100%;	
}
#banner .li-last-r{
	float:right;
	width:300px;
	margin:100px 50px 0 0;
}
#banner .li-last-r img{
	width:100%;
	margin:5px 0;
}
#banner .li-last-r img:nth-of-type(3){
    background-color:#B3CD35;
    padding:4px;
    border-radius:5px;
}

/*按钮部分*/
#banner .pic-btns{
	position: absolute;
	left:50%;
	bottom:5%;
	transform: translateX(-50%);
	text-align:center;
}
#banner .pic-btns>li{
	float:left;
	width:15px;
	height:15px;
	margin-left:5px;
	cursor:pointer;
	/*border:1px solid red;*/
}
#banner .pic-btns>li>img{
   width:11px;
   height:11px;
}

/*classic部分*/
#classic{
	position:relative;
	width:100%;
	height:790px;
	background:url(../img/bg.png) no-repeat;
}
.title{
	max-width:520px;
	width:50%;
	padding:30px 0;
	margin:0 auto;
	line-height:40px;
	text-align:center;
	background:url(../img/line.png) no-repeat bottom center;
}
.title>h1>img{
  width:50%;
}
.title>h1{
	font-size:20px;
	font-weight:normal;
}
#classic .list{
	width:100%;
	height:610px;
	margin:40px 0;
}
#classic .list .box{
	position:relative;
	height:100%;
	width:1200px;
	/*border:1px solid red;*/
	margin:0 auto ;
	overflow:hidden;
}
/*手机图片*/
#classic .list .box>ul.phone-pic{
	position: absolute;
	left:-480px;
	top:0;
	padding:80px 0;
	width:400%;
	transition: left 0.3s;  /*为了响应式改变宽度时的过渡*/ 

}
#classic .list .box>ul.phone-pic>li{
	float:left;
	width:240px;
	height:396px;
	transition:all 0.5s;
	transform:scale(0.8);
/*	border:1px solid red;*/
}
#classic .list .box>ul.phone-pic>li img{
	width:100%;
	height:100%;
}
#classic .list .box>ul.phone-pic li.mid{
	transform:scale(1.2);
}
#classic .list .box>ul.phone-pic li.edge{
	transform:scale(1);
}
/*左右按钮*/
#classic .c-btn{
	width:48px;
	height:48px;
	cursor:pointer;
}
#classic .c-btn>img{
	width:100%;
	height:100%;
}
#classic .c-btn.left{
	position:absolute;
	top:40%;
	left:0;
}
#classic .c-btn.right{
	position:absolute;
	top:40%;
	right:0;
}
/*9个点点图片*/
#classic .list .box .dots{
	position:absolute;
	left:50%;
	bottom:5%;
	transform: translateX(-50%);
	text-align: center;
	/*border:1px solid black;*/
}
#classic .list .box .dots>li{
	float:left;
	width:13px;
	height:13px;
	margin-left:15px;
	cursor:pointer;
}
#classic .list .box .dots>li>img{
	width:100%;
	height:100%;
}

/*partner部分*/
#partner{
	width:100%;
	height:500px;
	margin-top:20px;
}
#partner .p-wrap{
	margin:100px auto;
	width:900px;
}
#partner .p-wrap li{
	float:left;
	margin:0 58px;
}
/*footer*/
footer{
	width:90%;
	margin:0 auto;
	border-top:2px solid #e6e6e6 ;
}
footer ul{
	width:820px;
	margin:0 auto;
}
footer li{
	color:#e6e6e6;
	font-size:18px;
	float:left;
	margin:20px 50px 50px 0;
}
